ant design for vue 上传文件
1、使用customRequestcustomRequest 通过覆盖默认的上传行为，可以自定义自己的上传实现 Function定义customRequest，之前定义action行为会被覆盖，可以注释掉<a-upload name="file" :multiple="false" @change="changeFile" :customRequest="customRequest" > <a-button type="prim...
2024-01-10
ant design vue Drawer渲染的问题？
模版如下： <!-- 抽屉 之 资金流水--><a-drawer v-model:visible="money_record_drawer_visible" :forceRender="true" placement="right" size="large"><MoneyRecord :fund_code="fund_code"></MoneyRecor...
2024-02-24
ant design for vue 关于table的一些问题
1、为table添加分页： :pagination="pagination"pagination: { defaultPageSize: 10, showTotal: (total) => `共${total} 条数据`, total: 0, showSizeChanger: true, pageSizeOptions: ['10', '20', '50'], onShowSizeChange: (current, pageSize) => { ...
2024-01-10
ant design vue中table动态合并列
需求：查看详情中的表格模板，第一列需要合并。<!-- 表格 --> <a-table :columns="columns2" :data-source="form1.prePlanProjectAppends" bordered rowKey="" style="margin-top: 20px" :scroll="{ y: 500 }" :pagination="false"> </a-table>data() { return { ...
2024-01-10
electron-vue 引入 vue.ant.design报错
ERROR in ./node_modules/ant-design-vue/dist/antd.less (./node_modules/css-loader!./node_modules/less-loader/dist/cjs.js!./node_modules/ant-design-vue/dist/antd.less) Module build failed (from ./node_modules/less-loader/dist/cjs.js): // https://githu...
2024-01-10
ant-design-vue 按需加载遇到坑-less报错
网上多是2种解决方法：1，修改vue.config.js,根节点加css配置css: {loaderOptions: {less: {javascriptEnabled: true}}}2，方法2，把less版本降到3.0以下。反正我试了，都没用。然后测试了很多搜索结果，有一个可用，不知道是否有问题。这里分享一下：antv按需加载时，需要在babel.config.js中添加配置：plugins: [["i...
2024-01-10
ant design vue Modal 对话框和表单的使用
https://www.antdv.com/components/modal-cn/对话框基本使用<template> <div> <a-button type="primary" @click="showModal"> 显示模态框 </a-button> <a-modal title="模态框标题" :visible="visible" :conf...
2024-01-10
ant-design-vue 为什么 placeholder 内的是缩略图？
https://antdv.com/components/image-cn<template> <a-space :size="12"> <a-image :width="200" :src="`https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.jpg?$...
2024-02-22
Ant-design-vue Table组件customRow属性的使用说明
官网示例使用方式 // 表格中加入customRow属性并绑定一个custom方法 <a-table rowKey="stockOrderCode" :columns="columns" :dataSource="dataSource" :pagination="pagination" :customRow="customRow" > </a-table> // methods中定义方法 customRow(record, index) { return { // 这个style就是我自定义的...
2024-01-10
Ant-design-vue Table组件customRow属性的使用说明
官网示例使用方式 // 表格中加入customRow属性并绑定一个custom方法 <a-table rowKey="stockOrderCode" :columns="columns" :dataSource="dataSource" :pagination="pagination" :customRow="customRow" > </a-table> // methods中定义方法 customRow(record, index) { return { // 这个style就是我自定义的...
2024-01-10
ant-design-vue a-select 无法直接获取value
为什么handleSearch, handleSearchChange, fetchGroupData无法取到data定义里的groupName?<template> <div class="table-page-search-wrapper"> <a-select showSearch :value="groupName" placeholder="请输入 主账号名称" style="width: 400px" :defaultActiveFirs...
2024-01-10
ant design vue 表格table 默认勾选几项的操作
为什么我同样的功能要用react 、vue 都写一遍 ？啊我真是不是闲的蛋疼啊(～ o ～)~zZ在 ant design vue 中，表格的第一列是联动的选择框截一张官方文档图，图示最后一排就是禁用状态点击 checkbox 会触发onChange , 从而得到selectedRowKeys,selectedRowKeys就是选中的 key 数组。 onChange: (selectedRowKeys, selectedRows) => {...
2024-01-10
ant design vue 表格table 默认勾选几项的操作
为什么我同样的功能要用react 、vue 都写一遍 ？啊我真是不是闲的蛋疼啊(～ o ～)~zZ在 ant design vue 中，表格的第一列是联动的选择框截一张官方文档图，图示最后一排就是禁用状态点击 checkbox 会触发onChange , 从而得到selectedRowKeys,selectedRowKeys就是选中的 key 数组。 onChange: (selectedRowKeys, selectedRows) => {...
2024-01-10
ant-design-vue 对table的某个单元格设置样式
求问：比如让 Age：30的单元格，设置背景颜色为红色该怎么做呢------------------------ 已解决 ------------------------ var count = 0; var hash = {}; customCell: (record, rowIndex) => { let cellStyle = ''; if (row.alarmFlags) { if (row.key) { if (!hash...
2024-01-10
design vue 表格开启列排序的操作
开启排序1、本地数据排序column数据设置，需要开启的列设置sorter: (a, b) => a.address.length - b.address.length, 自定义排序方法2、服务端排序sorter设置true点击排序，表格触发change方法，接受参数change (pagination, filters, sorter, { currentDataSource })第三个参数就是排序信息{field, order}<a-table :columns="header" :d...
2024-01-10
design vue 表格开启列排序的操作
开启排序1、本地数据排序column数据设置，需要开启的列设置sorter: (a, b) => a.address.length - b.address.length, 自定义排序方法2、服务端排序sorter设置true点击排序，表格触发change方法，接受参数change (pagination, filters, sorter, { currentDataSource })第三个参数就是排序信息{field, order}<a-table :columns="header" :d...
2024-01-10
解决ant design vue 表格a-table二次封装,slots渲染的问题
目的就是对a-table进行二次封装，但是在如何显示a-table的slot时遇到了问题，原本想法是在a-table内把$slots都渲染，期望在使用该组件时能正确渲染，然而。。。并不会正确渲染<template> <a-table bordered :scroll="{ x: scrollX, y: 600 }" v-bind="{...$attrs, ...$props, ...{dataSource: body, columns: header}}" :loading="loadingObj"...
2024-01-10
解决ant design vue 表格a-table二次封装,slots渲染的问题
目的就是对a-table进行二次封装，但是在如何显示a-table的slot时遇到了问题，原本想法是在a-table内把$slots都渲染，期望在使用该组件时能正确渲染，然而。。。并不会正确渲染<template> <a-table bordered :scroll="{ x: scrollX, y: 600 }" v-bind="{...$attrs, ...$props, ...{dataSource: body, columns: header}}" :loading="loadingObj"...
2024-01-10
Ant design vue 表格设置defaultExpandAllRows无效
问题defaultExpandAllRows设置后只有第一次有效解决方法需要加个v-if="tableData.length>0" <a-table :columns="columns" :data-source="tableData" rowKey="clst_table_id" :pagination="false" defaultExpandAllRows v-if="tableData.len...
2024-01-10
使用ant design vue的select组件时 下拉菜单选项随body滚动而滚动
加这个属性 :getPopupContainer="prpupContainer" <a-select :getPopupContainer="prpupContainer" > </a-select> methods: { prpupContainer () { return document.querySelector('#create-ticket') // ID是页面滚动的那个ID，根据自己来 }, ｝...
2024-01-10
ant design of vue对话框当中如何去掉右上角的叉号
不能直接将api的closable直接赋值为false；你需要先 :closable = 'closable'然后再 data(){ return{ closable: false } }...
2024-01-10
ant-design-vue有v-decorator时defaultValue无效
<a-input v-decorator="[ 'userName', { rules: [ { required: true, message: '请输入您的账号!' } ...
2024-01-10
ant design vue select 组件 漂浮 下拉框闪烁 回车事件冲突
整体需求：select位于查询条件卡中，选中某些选项，按enter或者点击search可以进行搜索，同时要把查询条件卡折叠收起，下次查询再打开问题1：如图，多选框，下拉框选择某个条件，此时下拉框还没有收起来，点击search，之后整个搜索条件框折叠，出现下拉框短暂的漂浮到左上角后消失，每个浏览器都有类似情况搜索前：搜索后：问题2：为解决问题1，使用了官方的方法将下拉弹层渲染节点固定在触发器的父元素...
2024-02-27
ant-design-vue tabel x,y都设置滚动后错位的解决方法
通过自定义指令fit-columns来解决ellipsis设置truefunction adjustColumnWidth(table) { const thead = table.querySelector('thead'); const tbody = table.querySelector...
2024-01-10
新的Marvel Avengers Note 10壁纸在这里，安装它们很容易
为您的Note 10下载这些新鲜的壁纸。Note 10 s的自拍相机在手机中部具有轻拍功能，富有创造力的墙纸制造商正在将其用作功能。现在可以使用Galaxy Note 10（在任何地方都可以买到），奇迹复仇者联盟壁纸被创建也就不足为奇了。 就像Galaxy S10一样，Note 10和Note 10 Plus“ Infinity-O显示器”上的打孔相机位于...
2024-01-10
